/* 防止图片闪一下 */
image { will-change: transform }
/* scroll-view */
.scroll-row { width: 100%;white-space: nowrap; }
.scroll-row>view {
  display: inline-block
}
.scroll-row-item { display: inline-block; }

:root {
	--blue: #0d6efd;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #d63384;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #198754;
	--teal: #20c997;
	--cyan: #0dcaf0;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--gray-100: #f8f9fa;
	--gray-200: #e9ecef;
	--gray-300: #dee2e6;
	--gray-400: #ced4da;
	--gray-500: #adb5bd;
	--gray-600: #6c757d;
	--gray-700: #495057;
	--gray-800: #343a40;
	--gray-900: #212529;
	--primary: #00965e;
	--secondary: #6c757d;
	--success: #198754;
	--info: #0dcaf0;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #212529;
	--primary-rgb: 0,150,94;
	--secondary-rgb: 108,117,125;
	--success-rgb: 25,135,84;
	--info-rgb: 13,202,240;
	--warning-rgb: 255,193,7;
	--danger-rgb: 220,53,69;
	--light-rgb: 248,249,250;
	--dark-rgb: 33,37,41;
	--white-rgb: 255,255,255;
	--black-rgb: 0,0,0;
	--body-color-rgb: 33,37,41;
	--body-bg-rgb: 255,255,255;
	--font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	--font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
	--gradient: linear-gradient(180deg,hsla(0,0%,100%,0.15),hsla(0,0%,100%,0));
	--body-font-family: var(--font-sans-serif);
	--body-font-size: 1rem;
	--body-font-weight: 400;
	--body-line-height: 1.5;
	--body-color: #212529;
	--body-bg: #fff;
}

*,:after,:before {
  box-sizing: border-box
}

.p-20 {
    padding: 20rpx
}

.pt-10 {
    padding-top: 10rpx;
}

.py-10 {
    padding-top: 10rpx;
    padding-bottom: 10rpx;
}

.px-20 {
    padding-top: 20rpx;
    padding-bottom: 20rpx;
}

.ml-10 {
    margin-left: 10rpx;
}

.my-12 {
  margin-top: 12rpx;
  margin-bottom: 12rpx;
}

.my-24 {
  margin-top: 24rpx;
  margin-bottom: 24rpx;
}

.my-32 {
  margin-top: 32rpx;
  margin-bottom: 32rpx;
}

/* 阴影 */

.shadow {
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.1)
}

.shadow-md {
	-webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.08);
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.08)
}

.shadow-lg {
	-webkit-box-shadow: 0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08);
	box-shadow: 0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08)
}

.shadow-inner {
	-webkit-box-shadow: inset 0 2px 4px 0 rgba(0,0,0,.06);
	box-shadow: inset 0 2px 4px 0 rgba(0,0,0,.06)
}

.shadow-outline {
	-webkit-box-shadow: 0 0 0 3px rgba(52,144,220,.5);
	box-shadow: 0 0 0 3px rgba(52,144,220,.5)
}

.shadow-none {
	-webkit-box-shadow: none;
	box-shadow: none
}

.hover-shadow:hover {
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.1)
}

.hover-shadow-md:hover {
	-webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.08);
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.08)
}

.hover-shadow-lg:hover {
	-webkit-box-shadow: 0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08);
	box-shadow: 0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08)
}

.hover-shadow-inner:hover {
	-webkit-box-shadow: inset 0 2px 4px 0 rgba(0,0,0,.06);
	box-shadow: inset 0 2px 4px 0 rgba(0,0,0,.06)
}

.hover-shadow-outline:hover {
	-webkit-box-shadow: 0 0 0 3px rgba(52,144,220,.5);
	box-shadow: 0 0 0 3px rgba(52,144,220,.5)
}

.hover-shadow-none:hover {
	-webkit-box-shadow: none;
	box-shadow: none
}

.focus-shadow:focus {
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.1)
}

.focus-shadow-md:focus {
	-webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.08);
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.08)
}

.focus-shadow-lg:focus {
	-webkit-box-shadow: 0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08);
	box-shadow: 0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08)
}

.focus-shadow-inner:focus {
	-webkit-box-shadow: inset 0 2px 4px 0 rgba(0,0,0,.06);
	box-shadow: inset 0 2px 4px 0 rgba(0,0,0,.06)
}

.focus-shadow-outline:focus {
	-webkit-box-shadow: 0 0 0 3px rgba(52,144,220,.5);
	box-shadow: 0 0 0 3px rgba(52,144,220,.5)
}

.focus-shadow-none:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

.fill-current {
	fill: currentColor
}

.stroke-current {
	stroke: currentColor
}

.stroke-0 {
	stroke-width: 0
}

.stroke-1 {
	stroke-width: 1
}

.stroke-2 {
	stroke-width: 2
}

.table-auto {
	table-layout: auto
}

.table-fixed {
	table-layout: fixed
}

/* 颜色 */
.text-center {
text-align: center
}

.text-transparent {
    color: transparent
}

.text-black {
    color: #000
}

.text-white {
    color: #fff
}

.text-grey-100 {
    color: #fbfbfb
}

.text-grey-200 {
    color: #f0f3f6
}

.text-grey-300 {
    color: #e2e7ea
}

.text-grey-400 {
    color: #c2cacf
}

.text-grey-500 {
    color: #8f959e
}

.text-grey-600 {
    color: #6b727b
}

.text-grey-700 {
    color: #2c3543
}

.text-grey-800 {
    color: #1f1f1f
}

.text-blue-100 {
    color: #f4fbfe
}

.text-blue-300 {
    color: #479ad9
}

.text-blue-400 {
    color: #277bba
}

.text-red {
    color: #da0909
}

.text-green {
    color: #388412
}

.text-orange {
    color: #ef961a
}

.text-primary {
    color: #2c3543
}

.text-secondary {
    color: #6b727b
}

.text-tertiary {
    color: #8f959e
}

.text-shop {
    color: #ff6e8d
}

.text-eat {
    color: #00ca8b
}

.text-play {
    color: #ffc92a
}

.text-see {
    color: #f8324d
}

.text-drink {
    color: #88bde7
}

.text-sleep {
    color: #9d69c9
}

.bg-white {
  background-color: #fff;
}

.underline {
	text-decoration: underline
}

.line-through {
	text-decoration: line-through
}

.no-underline {
	text-decoration: none
}

.hover-underline:hover {
	text-decoration: underline
}

.hover-line-through:hover {
	text-decoration: line-through
}

.hover-no-underline:hover {
	text-decoration: none
}

/* 布局 */

.float-right {
	float: right
}

.float-left {
	float: left
}

.float-none {
	float: none
}

.clearfix:after {
	content: "";
	display: table;
	clear: both
}

.clear-left {
	clear: left
}

.clear-right {
	clear: right
}

.clear-both {
	clear: both
}

.clear-none {
	clear: none
}

.static {
	position: static
}

.fixed {
	position: fixed
}

.absolute {
	position: absolute
}

.relative {
	position: relative
}

.sticky {
	position: -webkit-sticky;
	position: sticky
}

.inset-0 {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.inset-auto {
	top: auto;
	right: auto;
	bottom: auto;
	left: auto
}

.inset-1-2 {
	top: 50%;
	right: 50%;
	bottom: 50%;
	left: 50%
}

.inset-y-0 {
	top: 0;
	bottom: 0
}

.inset-x-0 {
	right: 0;
	left: 0
}

.inset-y-auto {
	top: auto;
	bottom: auto
}

.inset-x-auto {
	right: auto;
	left: auto
}

.inset-y-1-2 {
	top: 50%;
	bottom: 50%
}

.inset-x-1-2 {
	right: 50%;
	left: 50%
}

.top-0 {
	top: 0
}

.right-0 {
	right: 0
}

.bottom-0 {
	bottom: 0
}

.left-0 {
	left: 0
}

.top-auto {
	top: auto
}

.right-auto {
	right: auto
}

.bottom-auto {
	bottom: auto
}

.left-auto {
	left: auto
}

.top-1-2 {
	top: 50%
}

.right-1-2 {
	right: 50%
}

.bottom-1-2 {
	bottom: 50%
}

.left-1-2 {
	left: 50%
}

.resize-none {
	resize: none
}

.resize-y {
	resize: vertical
}

.resize-x {
	resize: horizontal
}

.resize {
	resize: both
}

/* 宽高 */

.w-auto {
	width: auto
}

.w-1-2 {
	width: 50%
}

.w-1-3 {
	width: 33.33333%
}

.w-2-3 {
	width: 66.66667%
}

.w-1-4 {
	width: 25%
}

.w-3-4 {
	width: 75%
}

.w-1-5 {
	width: 20%
}

.w-2-5 {
	width: 40%
}

.w-3-5 {
	width: 60%
}

.w-4-5 {
	width: 80%
}

.w-1-6 {
	width: 16.66667%
}

.w-5-6 {
	width: 83.33333%
}

.w-full {
	width: 100%
}

.w-screen {
	width: 100vw
}

.h-0 {
	height: 0
}

.h-90 {
	height: 90%
}

.h-auto {
	height: auto
}

.h-1-5 {
	height: 20vh
}

.h-2-5 {
	height: 40vh
}

.h-3-5 {
	height: 60vh
}

.h-4-5 {
	height: 80vh
}

.h-full {
	height: 100%
}

.h-screen {
	height: 100vh
}

/* 边框 */

.border-bottom {
    border-bottom: 1px solid #ccc;
}

.border-top {
  border-top: 1px solid #999;
}

.border-red {
	border-color: #da0909
}

.border-green {
	border-color: #388412
}

.border-orange {
	border-color: #ef961a
}

.border-primary {
	border-color: #2c3543
}

.border-secondary {
	border-color: #6b727b
}

.border-tertiary {
	border-color: #8f959e
}

.border-shop {
	border-color: #ff6e8d
}

.border-eat {
	border-color: #00ca8b
}

.border-play {
	border-color: #ffc92a
}

.border-see {
	border-color: #f8324d
}

.border-drink {
	border-color: #88bde7
}

.border-sleep {
	border-color: #9d69c9
}

.border-solid {
	border-style: solid
}

.border-dashed {
	border-style: dashed
}

.border-dotted {
	border-style: dotted
}

.border-double {
	border-style: double
}

.border-none {
	border-style: none
}

.border-0 {
	border-width: 0
}

/* 内边距 */

/* 外边距 */

/* 字体大小 */

.font-light {
	font-weight: 300
}

.font-normal {
	font-weight: 400
}

.font-medium {
	font-weight: bold
}

.text-base {
	font-size: 20rpx
}

.text-xs {
	font-size: 24rpx
}

.text-sm {
	font-size: 28rpx
}

.text-md {
	font-size: 32rpx
}

.text-lg {
	font-size: 40rpx
}

.text-xl {
	font-size: 48rpx 
}

.text-2xl {
	font-size: 64rpx
}

.text-3xl {
	font-size: 80rpx 
}

.text-4xl {
	font-size: 96rpx 
}

.text-5xl {
	font-size: 128rpx
}

.text-6xl {
	font-size: 176rpx
}

/* 行高 */

.leading-none {
	line-height: 1
}

.leading-tight {
	line-height: 1.25
}

.leading-snug {
	line-height: 1.375
}

.leading-normal {
	line-height: 1.5
}

.leading-relaxed {
	line-height: 1.625
}

.leading-18 {
	line-height: 1.8
}

.leading-30 {
	line-height: 1.67
}

.leading-loose {
	line-height: 2
}

.visible {
	visibility: visible
}

.invisible {
	visibility: hidden
}

.whitespace-normal {
	white-space: normal
}

.whitespace-no-wrap {
	white-space: nowrap
}

.whitespace-pre {
	white-space: pre
}

.whitespace-pre-line {
	white-space: pre-line
}

.whitespace-pre-wrap {
	white-space: pre-wrap
}

.break-normal {
	overflow-wrap: normal;
	word-break: normal
}

.break-words {
	overflow-wrap: break-word
}

.break-all {
	word-break: break-all
}

.truncate {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap
}

.overflow-hidden {
    overflow: hidden
}

.cursor-auto {
	cursor: auto
}

.cursor-default {
	cursor: default
}

.cursor-pointer {
	cursor: pointer
}

.cursor-wait {
	cursor: wait
}

.cursor-text {
	cursor: text
}

.cursor-move {
	cursor: move
}

.cursor-not-allowed {
	cursor: not-allowed
}

.block {
	display: block
}

.inline-block {
	display: inline-block
}

.inline {
	display: inline
}

.flow-root {
	display: flow-root
}

.hidden {
	display: none
}

/* flex布局 */

.flex {
	display: -ms-flexbox;
	display: flex
}

.flex-row {
	-ms-flex-direction: row;
	flex-direction: row
}

.flex-row-reverse {
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.flex-col {
	-ms-flex-direction: column;
	flex-direction: column
}

.flex-col-reverse {
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse
}

.flex-wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.flex-wrap-reverse {
	-ms-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse
}

.flex-no-wrap {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap
}

.items-start {
	-ms-flex-align: start;
	align-items: flex-start
}

.items-end {
	-ms-flex-align: end;
	align-items: flex-end
}

.items-center {
	-ms-flex-align: center;
	align-items: center
}

.items-baseline {
	-ms-flex-align: baseline;
	align-items: baseline
}

.items-stretch {
	-ms-flex-align: stretch;
	align-items: stretch
}

.self-auto {
	-ms-flex-item-align: auto;
	-ms-grid-row-align: auto;
	align-self: auto
}

.self-start {
	-ms-flex-item-align: start;
	align-self: flex-start
}

.self-end {
	-ms-flex-item-align: end;
	align-self: flex-end
}

.self-center {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center
}

.self-stretch {
	-ms-flex-item-align: stretch;
	-ms-grid-row-align: stretch;
	align-self: stretch
}

.justify-start {
	-ms-flex-pack: start;
	justify-content: flex-start
}

.justify-end {
	-ms-flex-pack: end;
	justify-content: flex-end
}

.justify-center {
	-ms-flex-pack: center;
	justify-content: center
}

.justify-between {
	-ms-flex-pack: justify;
	justify-content: space-between
}

.justify-around {
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.justify-evenly {
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly
}

.content-center {
	-ms-flex-line-pack: center;
	align-content: center
}

.content-start {
	-ms-flex-line-pack: start;
	align-content: flex-start
}

.content-end {
	-ms-flex-line-pack: end;
	align-content: flex-end
}

.content-between {
	-ms-flex-line-pack: justify;
	align-content: space-between
}

.content-around {
	-ms-flex-line-pack: distribute;
	align-content: space-around
}

.flex-1 {
	-ms-flex: 1 1;
	flex: 1 1
}

.flex-auto {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.flex-initial {
	-ms-flex: 0 1 auto;
	flex: 0 1 auto
}

.flex-none {
	-ms-flex: none;
	flex: none
}

.flex-grow-0 {
	-ms-flex-positive: 0;
	flex-grow: 0
}

.flex-grow {
	-ms-flex-positive: 1;
	flex-grow: 1
}

.flex-shrink-0 {
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.flex-shrink {
	-ms-flex-negative: 1;
	flex-shrink: 1
}

.order-1 {
	-ms-flex-order: 1;
	order: 1
}

.order-2 {
	-ms-flex-order: 2;
	order: 2
}

.order-3 {
	-ms-flex-order: 3;
	order: 3
}

.order-4 {
	-ms-flex-order: 4;
	order: 4
}

.order-5 {
	-ms-flex-order: 5;
	order: 5
}

.order-6 {
	-ms-flex-order: 6;
	order: 6
}

.order-7 {
	-ms-flex-order: 7;
	order: 7
}

.order-8 {
	-ms-flex-order: 8;
	order: 8
}

.order-9 {
	-ms-flex-order: 9;
	order: 9
}

.order-10 {
	-ms-flex-order: 10;
	order: 10
}

.order-11 {
	-ms-flex-order: 11;
	order: 11
}

.order-12 {
	-ms-flex-order: 12;
	order: 12
}

.order-first {
	-ms-flex-order: -9999;
	order: -9999
}

.order-last {
	-ms-flex-order: 9999;
	order: 9999
}

.order-none {
	-ms-flex-order: 0;
	order: 0
}

.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
  width: 100%;
  padding-right: 12px;
  padding-right: var(--bs-gutter-x,12px);
  padding-left: 12px;
  padding-left: var(--bs-gutter-x,12px);
  margin-right: auto;
  margin-left: auto
}

@media (min-width: 576px) {
  .container,.container-sm {
      max-width:540px
  }
}

@media (min-width: 768px) {
  .container,.container-md,.container-sm {
      max-width:720px
  }
}

@media (min-width: 992px) {
  .container,.container-lg,.container-md,.container-sm {
      max-width:960px
  }
}

@media (min-width: 1200px) {
  .container,.container-lg,.container-md,.container-sm,.container-xl {
      max-width:1140px
  }
}

@media (min-width: 1400px) {
  .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
      max-width:1140px
  }
}

.row {
  width: 100%;
  --bs-gutter-x: 24rpx;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  /* margin-top: calc(var(--bs-gutter-y)*-1);
  margin-right: calc(var(--bs-gutter-x)*-0.5);
  margin-left: calc(var(--bs-gutter-x)*-0.5); 
  overflow: hidden;*/
}

.row>* {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  /* padding-right: calc(var(--bs-gutter-x)*0.5);
  padding-left: calc(var(--bs-gutter-x)*0.5);
  margin-top: var(--bs-gutter-y) */
}

.col {
  flex: 1 0
}

.row-cols-auto>* {
  flex: 0 0 auto;
  width: auto
}

.row-cols-1>* {
  flex: 0 0 auto;
  width: 100%
}

.row-cols-2>* {
  flex: 0 0 auto;
  width: 50%
}

.row-cols-3>* {
  flex: 0 0 auto;
  width: 33.33333%
}

.row-cols-4>* {
  flex: 0 0 auto;
  width: 25%
}

.row-cols-5>* {
  flex: 0 0 auto;
  width: 20%
}

.row-cols-6>* {
  flex: 0 0 auto;
  width: 16.66667%
}

.col-auto {
  flex: 0 0 auto;
  width: auto
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333%
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66667%
}

.col-3 {
  flex: 0 0 auto;
  width: 25%
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333%
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66667%
}

.col-6 {
  flex: 0 0 auto;
  width: 50%
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333%
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66667%
}

.col-9 {
  flex: 0 0 auto;
  width: 75%
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333%
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66667%
}

.col-12 {
  flex: 0 0 auto;
  width: 100%
}

.offset-1 {
  margin-left: 8.33333%
}

.offset-2 {
  margin-left: 16.66667%
}

.offset-3 {
  margin-left: 25%
}

.offset-4 {
  margin-left: 33.33333%
}

.offset-5 {
  margin-left: 41.66667%
}

.offset-6 {
  margin-left: 50%
}

.offset-7 {
  margin-left: 58.33333%
}

.offset-8 {
  margin-left: 66.66667%
}

.offset-9 {
  margin-left: 75%
}

.offset-10 {
  margin-left: 83.33333%
}

.offset-11 {
  margin-left: 91.66667%
}

@media (min-width: 576px) {
  .col-sm {
      flex:1 0
  }

  .row-cols-sm-auto>* {
      flex: 0 0 auto;
      width: auto
  }

  .row-cols-sm-1>* {
      flex: 0 0 auto;
      width: 100%
  }

  .row-cols-sm-2>* {
      flex: 0 0 auto;
      width: 50%
  }

  .row-cols-sm-3>* {
      flex: 0 0 auto;
      width: 33.33333%
  }

  .row-cols-sm-4>* {
      flex: 0 0 auto;
      width: 25%
  }

  .row-cols-sm-5>* {
      flex: 0 0 auto;
      width: 20%
  }

  .row-cols-sm-6>* {
      flex: 0 0 auto;
      width: 16.66667%
  }

  .col-sm-auto {
      flex: 0 0 auto;
      width: auto
  }

  .col-sm-1 {
      flex: 0 0 auto;
      width: 8.33333%
  }

  .col-sm-2 {
      flex: 0 0 auto;
      width: 16.66667%
  }

  .col-sm-3 {
      flex: 0 0 auto;
      width: 25%
  }

  .col-sm-4 {
      flex: 0 0 auto;
      width: 33.33333%
  }

  .col-sm-5 {
      flex: 0 0 auto;
      width: 41.66667%
  }

  .col-sm-6 {
      flex: 0 0 auto;
      width: 50%
  }

  .col-sm-7 {
      flex: 0 0 auto;
      width: 58.33333%
  }

  .col-sm-8 {
      flex: 0 0 auto;
      width: 66.66667%
  }

  .col-sm-9 {
      flex: 0 0 auto;
      width: 75%
  }

  .col-sm-10 {
      flex: 0 0 auto;
      width: 83.33333%
  }

  .col-sm-11 {
      flex: 0 0 auto;
      width: 91.66667%
  }

  .col-sm-12 {
      flex: 0 0 auto;
      width: 100%
  }

  .offset-sm-0 {
      margin-left: 0
  }

  .offset-sm-1 {
      margin-left: 8.33333%
  }

  .offset-sm-2 {
      margin-left: 16.66667%
  }

  .offset-sm-3 {
      margin-left: 25%
  }

  .offset-sm-4 {
      margin-left: 33.33333%
  }

  .offset-sm-5 {
      margin-left: 41.66667%
  }

  .offset-sm-6 {
      margin-left: 50%
  }

  .offset-sm-7 {
      margin-left: 58.33333%
  }

  .offset-sm-8 {
      margin-left: 66.66667%
  }

  .offset-sm-9 {
      margin-left: 75%
  }

  .offset-sm-10 {
      margin-left: 83.33333%
  }

  .offset-sm-11 {
      margin-left: 91.66667%
  }
}


@media (min-width: 768px) {
  .col-md {
      flex:1 0
  }

  .row-cols-md-auto>* {
      flex: 0 0 auto;
      width: auto
  }

  .row-cols-md-1>* {
      flex: 0 0 auto;
      width: 100%
  }

  .row-cols-md-2>* {
      flex: 0 0 auto;
      width: 50%
  }

  .row-cols-md-3>* {
      flex: 0 0 auto;
      width: 33.33333%
  }

  .row-cols-md-4>* {
      flex: 0 0 auto;
      width: 25%
  }

  .row-cols-md-5>* {
      flex: 0 0 auto;
      width: 20%
  }

  .row-cols-md-6>* {
      flex: 0 0 auto;
      width: 16.66667%
  }

  .col-md-auto {
      flex: 0 0 auto;
      width: auto
  }

  .col-md-1 {
      flex: 0 0 auto;
      width: 8.33333%
  }

  .col-md-2 {
      flex: 0 0 auto;
      width: 16.66667%
  }

  .col-md-3 {
      flex: 0 0 auto;
      width: 25%
  }

  .col-md-4 {
      flex: 0 0 auto;
      width: 33.33333%
  }

  .col-md-5 {
      flex: 0 0 auto;
      width: 41.66667%
  }

  .col-md-6 {
      flex: 0 0 auto;
      width: 50%
  }

  .col-md-7 {
      flex: 0 0 auto;
      width: 58.33333%
  }

  .col-md-8 {
      flex: 0 0 auto;
      width: 66.66667%
  }

  .col-md-9 {
      flex: 0 0 auto;
      width: 75%
  }

  .col-md-10 {
      flex: 0 0 auto;
      width: 83.33333%
  }

  .col-md-11 {
      flex: 0 0 auto;
      width: 91.66667%
  }

  .col-md-12 {
      flex: 0 0 auto;
      width: 100%
  }

  .offset-md-0 {
      margin-left: 0
  }

  .offset-md-1 {
      margin-left: 8.33333%
  }

  .offset-md-2 {
      margin-left: 16.66667%
  }

  .offset-md-3 {
      margin-left: 25%
  }

  .offset-md-4 {
      margin-left: 33.33333%
  }

  .offset-md-5 {
      margin-left: 41.66667%
  }

  .offset-md-6 {
      margin-left: 50%
  }

  .offset-md-7 {
      margin-left: 58.33333%
  }

  .offset-md-8 {
      margin-left: 66.66667%
  }

  .offset-md-9 {
      margin-left: 75%
  }

  .offset-md-10 {
      margin-left: 83.33333%
  }

  .offset-md-11 {
      margin-left: 91.66667%
  }
}


@media (min-width: 992px) {
  .col-lg {
      flex:1 0
  }

  .row-cols-lg-auto>* {
      flex: 0 0 auto;
      width: auto
  }

  .row-cols-lg-1>* {
      flex: 0 0 auto;
      width: 100%
  }

  .row-cols-lg-2>* {
      flex: 0 0 auto;
      width: 50%
  }

  .row-cols-lg-3>* {
      flex: 0 0 auto;
      width: 33.33333%
  }

  .row-cols-lg-4>* {
      flex: 0 0 auto;
      width: 25%
  }

  .row-cols-lg-5>* {
      flex: 0 0 auto;
      width: 20%
  }

  .row-cols-lg-6>* {
      flex: 0 0 auto;
      width: 16.66667%
  }

  .col-lg-auto {
      flex: 0 0 auto;
      width: auto
  }

  .col-lg-1 {
      flex: 0 0 auto;
      width: 8.33333%
  }

  .col-lg-2 {
      flex: 0 0 auto;
      width: 16.66667%
  }

  .col-lg-3 {
      flex: 0 0 auto;
      width: 25%
  }

  .col-lg-4 {
      flex: 0 0 auto;
      width: 33.33333%
  }

  .col-lg-5 {
      flex: 0 0 auto;
      width: 41.66667%
  }

  .col-lg-6 {
      flex: 0 0 auto;
      width: 50%
  }

  .col-lg-7 {
      flex: 0 0 auto;
      width: 58.33333%
  }

  .col-lg-8 {
      flex: 0 0 auto;
      width: 66.66667%
  }

  .col-lg-9 {
      flex: 0 0 auto;
      width: 75%
  }

  .col-lg-10 {
      flex: 0 0 auto;
      width: 83.33333%
  }

  .col-lg-11 {
      flex: 0 0 auto;
      width: 91.66667%
  }

  .col-lg-12 {
      flex: 0 0 auto;
      width: 100%
  }

  .offset-lg-0 {
      margin-left: 0
  }

  .offset-lg-1 {
      margin-left: 8.33333%
  }

  .offset-lg-2 {
      margin-left: 16.66667%
  }

  .offset-lg-3 {
      margin-left: 25%
  }

  .offset-lg-4 {
      margin-left: 33.33333%
  }

  .offset-lg-5 {
      margin-left: 41.66667%
  }

  .offset-lg-6 {
      margin-left: 50%
  }

  .offset-lg-7 {
      margin-left: 58.33333%
  }

  .offset-lg-8 {
      margin-left: 66.66667%
  }

  .offset-lg-9 {
      margin-left: 75%
  }

  .offset-lg-10 {
      margin-left: 83.33333%
  }

  .offset-lg-11 {
      margin-left: 91.66667%
  }
}


@media (min-width: 1200px) {
  .col-xl {
      flex:1 0
  }

  .row-cols-xl-auto>* {
      flex: 0 0 auto;
      width: auto
  }

  .row-cols-xl-1>* {
      flex: 0 0 auto;
      width: 100%
  }

  .row-cols-xl-2>* {
      flex: 0 0 auto;
      width: 50%
  }

  .row-cols-xl-3>* {
      flex: 0 0 auto;
      width: 33.33333%
  }

  .row-cols-xl-4>* {
      flex: 0 0 auto;
      width: 25%
  }

  .row-cols-xl-5>* {
      flex: 0 0 auto;
      width: 20%
  }

  .row-cols-xl-6>* {
      flex: 0 0 auto;
      width: 16.66667%
  }

  .col-xl-auto {
      flex: 0 0 auto;
      width: auto
  }

  .col-xl-1 {
      flex: 0 0 auto;
      width: 8.33333%
  }

  .col-xl-2 {
      flex: 0 0 auto;
      width: 16.66667%
  }

  .col-xl-3 {
      flex: 0 0 auto;
      width: 25%
  }

  .col-xl-4 {
      flex: 0 0 auto;
      width: 33.33333%
  }

  .col-xl-5 {
      flex: 0 0 auto;
      width: 41.66667%
  }

  .col-xl-6 {
      flex: 0 0 auto;
      width: 50%
  }

  .col-xl-7 {
      flex: 0 0 auto;
      width: 58.33333%
  }

  .col-xl-8 {
      flex: 0 0 auto;
      width: 66.66667%
  }

  .col-xl-9 {
      flex: 0 0 auto;
      width: 75%
  }

  .col-xl-10 {
      flex: 0 0 auto;
      width: 83.33333%
  }

  .col-xl-11 {
      flex: 0 0 auto;
      width: 91.66667%
  }

  .col-xl-12 {
      flex: 0 0 auto;
      width: 100%
  }

  .offset-xl-0 {
      margin-left: 0
  }

  .offset-xl-1 {
      margin-left: 8.33333%
  }

  .offset-xl-2 {
      margin-left: 16.66667%
  }

  .offset-xl-3 {
      margin-left: 25%
  }

  .offset-xl-4 {
      margin-left: 33.33333%
  }

  .offset-xl-5 {
      margin-left: 41.66667%
  }

  .offset-xl-6 {
      margin-left: 50%
  }

  .offset-xl-7 {
      margin-left: 58.33333%
  }

  .offset-xl-8 {
      margin-left: 66.66667%
  }

  .offset-xl-9 {
      margin-left: 75%
  }

  .offset-xl-10 {
      margin-left: 83.33333%
  }

  .offset-xl-11 {
      margin-left: 91.66667%
  }
}


@media (min-width: 1400px) {
  .col-xxl {
      flex:1 0
  }

  .row-cols-xxl-auto>* {
      flex: 0 0 auto;
      width: auto
  }

  .row-cols-xxl-1>* {
      flex: 0 0 auto;
      width: 100%
  }

  .row-cols-xxl-2>* {
      flex: 0 0 auto;
      width: 50%
  }

  .row-cols-xxl-3>* {
      flex: 0 0 auto;
      width: 33.33333%
  }

  .row-cols-xxl-4>* {
      flex: 0 0 auto;
      width: 25%
  }

  .row-cols-xxl-5>* {
      flex: 0 0 auto;
      width: 20%
  }

  .row-cols-xxl-6>* {
      flex: 0 0 auto;
      width: 16.66667%
  }

  .col-xxl-auto {
      flex: 0 0 auto;
      width: auto
  }

  .col-xxl-1 {
      flex: 0 0 auto;
      width: 8.33333%
  }

  .col-xxl-2 {
      flex: 0 0 auto;
      width: 16.66667%
  }

  .col-xxl-3 {
      flex: 0 0 auto;
      width: 25%
  }

  .col-xxl-4 {
      flex: 0 0 auto;
      width: 33.33333%
  }

  .col-xxl-5 {
      flex: 0 0 auto;
      width: 41.66667%
  }

  .col-xxl-6 {
      flex: 0 0 auto;
      width: 50%
  }

  .col-xxl-7 {
      flex: 0 0 auto;
      width: 58.33333%
  }

  .col-xxl-8 {
      flex: 0 0 auto;
      width: 66.66667%
  }

  .col-xxl-9 {
      flex: 0 0 auto;
      width: 75%
  }

  .col-xxl-10 {
      flex: 0 0 auto;
      width: 83.33333%
  }

  .col-xxl-11 {
      flex: 0 0 auto;
      width: 91.66667%
  }

  .col-xxl-12 {
      flex: 0 0 auto;
      width: 100%
  }

  .offset-xxl-0 {
      margin-left: 0
  }

  .offset-xxl-1 {
      margin-left: 8.33333%
  }

  .offset-xxl-2 {
      margin-left: 16.66667%
  }

  .offset-xxl-3 {
      margin-left: 25%
  }

  .offset-xxl-4 {
      margin-left: 33.33333%
  }

  .offset-xxl-5 {
      margin-left: 41.66667%
  }

  .offset-xxl-6 {
      margin-left: 50%
  }

  .offset-xxl-7 {
      margin-left: 58.33333%
  }

  .offset-xxl-8 {
      margin-left: 66.66667%
  }

  .offset-xxl-9 {
      margin-left: 75%
  }

  .offset-xxl-10 {
      margin-left: 83.33333%
  }

  .offset-xxl-11 {
      margin-left: 91.66667%
  }
}
